{__NOLAYOUT__}
<!DOCTYPE html>
<html>
	<head>
		<base href="BASE">
		<meta charset="UTF-8">
		<title>登录</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/login.css" />
		<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>

	</head>

	<body>

		<div class="r_logo">
			<a href="index.html"><img src="img/e.png" alt="loding..." style="margin-top: 45px; float: left;" / ></a>
			<h1>请登录</h1>
		</div>
		<div class="login_screen">
			<div class="login">
				<div class="login_form">
					<div class="prompt">
						<p>波士蒙斯不会以任何理由要求您转账汇款，谨防诈骗</p>
					</div>
					<div class="login_box">
						<ul>

							<li class="on">
								<a href="javascript:;">账号登录</a>
							</li>
						</ul>
						<form action="" method="post">
							<ul>
								<li><img src="img/x.png" /><input id="ym" name="username" type="text" value="" onFocus="if(value==''){value=''}" onBlur="if(value==''){value=''}" /></li>
								<span class="user_error"></span>
								<li><img src="img/v.png" /><input id="inp" name="password" type="text" value="" onFocus="if(value==''){value=''}" onBlur="if(value==''){value=''}"/></li>
								<span class="pass_error"></span>
							</ul>
							<a href="#">忘记密码?</a>
							<input id="land" type="submit" value="登      录" />
						</form>
					</div>
					<div class="coagent">
						<ul>
							<li>
								<a href="#"><img src="img/b.png" /><sapn style="float: left;margin-left: 5px;">QQ</sapn></a><span>|</span>
								<a href="#"><img src="img/n.png" /><sapn style="float: left;margin-left: 5px;">微信</sapn></a>
							</li>
							<li><a href="register.html">没有账号？立即注册&gt;</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<ul>
				<li><img src="img/j.png" />
					<h2>正品保障</h2>
					<p>正品保障 提供发票</p>
				</li>
				<li><img src="img/k.png" />
					<h2>急速物流</h2>
					<p>如约送货 送货入户</p>
				</li>
				<li><img src="img/l.png" />
					<h2>售后无忧</h2>
					<p>退换无忧 维权无忧</p>
				</li>
				<li><img src="img/z.png" />
					<h2>特色服务</h2>
					<p>私人订制休闲套餐</p>
				</li>
			</ul>
			<div class="mod_help">

				<dl>
					<dt>购物指南</dt>
					<dd>
						<a href="#">导购演示</a>
					</dd>
					<dd>
						<a href="#">免费注册</a>
					</dd>
					<dd>
						<a href="#">会员等级</a>
					</dd>
					<dd>
						<a href="#">常见问题</a>
					</dd>
					<dd>
						<a href="#">品牌大全</a>
					</dd>
				</dl>

				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="#">网银支付</a>
					</dd>
					<dd>
						<a href="#">快捷支付</a>
					</dd>
					<dd>
						<a href="#">分期支付</a>
					</dd>
					<dd>
						<a href="#">货到付款</a>
					</dd>
				</dl>

				<dl>
					<dt>物流配送</dt>
					<dd>
						<a href="#">免运费政策</a>
					</dd>
					<dd>
						<a href="#">配送服务承诺</a>
					</dd>
					<dd>
						<a href="#">验货签收</a>
					</dd>
					<dd>
						<a href="#">物流查询</a>
					</dd>
				</dl>

				<dl>
					<dt>售后服务</dt>
					<dd>
						<a href="#">退换货政策</a>
					</dd>
					<dd>
						<a href="#">退换货流程</a>
					</dd>
					<dd>
						<a href="#">购买延保服务</a>
					</dd>
					<dd>
						<a href="#">退款说明</a>
					</dd>
					<dd>
						<a href="#">退换货申请</a>
					</dd>
				</dl>

				<dl>
					<dt>商家服务</dt>
					<dd>
						<a href="#">商家入驻</a>
					</dd>
					<dd>
						<a href="#">培训中心</a>
					</dd>
					<dd>
						<a href="#">广告服务</a>
					</dd>
					<dd>
						<a href="#">商家帮助</a>
					</dd>
					<dd>
						<a href="#">服务市场</a>
					</dd>
					<dd>
						<a href="#">规则中心</a>
					</dd>
				</dl>

				<dl>
					<dt>身边商城</dt>
					<dd>
						<a href="#">连锁门店</a>
					</dd>
					<dd>
						<a href="#">地理位置</a>
					</dd>
					<dd>
						<a href="#">为您服务</a>
					</dd>
				</dl>

			</div>
			<div class="copyright">
				<p>Copyright © 2017 Adobe Systems Software Ireland Ltd. All rights reserved</p>
			</div>
		</div>
	</body>
</html>
<script>
	var j=0;
	//验证用户名是否为空
	function check_username(){
	    var username = $("input[name='username']").val().trim();//获取用户名
	    if(username.length==0){
	        $(".user_error").html('用户名不能为空');
	        j++;
		}else if(username.length<4 || username.length>16){
			$(".user_error").html('请输入4~16位之间的用户名');
			j++;
		}else{
	        $(".user_error").html('');
		}
	}

	//用户名框失去焦点事件
	$("input[name='username']").blur(function(){
	    check_username();
	})

	//验证密码是否为空
	function check_password(){
	    var password = $("input[name='password']").val().trim();//获取密码

	    if(password.length==0){
	        $(".pass_error").html('密码不能为空');
	        j++;
		}else{
	        $(".pass_error").html('');
		}
	}

	//密码框失去焦点事件
	$("input[name='password']").blur(function(){
	    //alert(11);
	    check_password();
	})

    //有任意一个输入框数据不匹配就不能提交
    $("form").submit(function(){

		j=0;

		check_username();
		check_password();
		var username = $("input[name='username']").val().trim();
		var password = $("input[name='password']").val().trim();

		if(j==0){

		    $.ajax({
				type:'post',
				url:'{:U("login/login")}',
				data:{username:username,password:password},
				dataType:'json',
                async:'false',
				success:function (msg){
				    if(msg.error==1){
				        $(".user_error").html('用户名或密码错误');
					}else{
                       window.location.href="{:U('index/index')}";
					}
				}
			})
		}
        return false;
    })



</script>



